<!-- 周期配置主页列表 -->
<!-- cycleConfPage -->
<template>
    <div class="app-container"
         v-loading.fullscreen.lock="allLoading"
         element-loading-text="拼命处理中,请耐心等待"
         element-loading-spinner="el-icon-loading"
         element-loading-background="rgba(0, 0, 0, 0.8)"
    >
        <el-form :model="mainTable.queryParams" ref="queryForm" size="small" :inline="true" v-show="mainTable.showSearch"
                 label-width="auto">
            <el-form-item label="组织" prop="orgName">
                <el-input   v-model="mainTable.queryParams.orgName" @keyup.enter.native="handleQuery" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="描述" prop="description">
                <el-input   v-model="mainTable.queryParams.description" @keyup.enter.native="handleQuery" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="状态" prop="status">
                <SksStatusSelect
                    :form-data="mainTable.queryParams"
                    prop-name="status"
                    :type="2"
                    :unshiftOptionList="[{value:undefined,label:'全部'}]"
                    @change="handleQuery" >
                </SksStatusSelect>
<!--                <el-select-->
<!--                    v-model="mainTable.queryParams.status"-->
<!--                    clearable-->
<!--                    style="width: 240px"-->
<!--                    @change="handleQuery()"-->
<!--                >-->
<!--                    <el-option key="x" label="全部" :value="undefined" />-->
<!--                    <el-option key="0" label="启用" value="0" />-->
<!--                    <el-option key="1" label="禁用" value="1" />-->
<!--                </el-select>-->
            </el-form-item>
            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';

import {sksPageMixin} from "../../../../lib/sks-page";
export default {
    name: "Page4030a",
    mixins: [
        sksPageMixin,
    ],
    components: {
    },
    data() {
        return {
            defaultQueryParams:{
                //组织
                orgName: undefined,
                //描述
                description: undefined,
                //状态
                status: undefined,
            },
        };
    },
    methods: {
    },
};
</script>

<style>
/*//高亮点击的行*/
.el-table__body tr.current-row>td {
//background: rgb(77, 195, 255, 0.5) !important;
    background-color: #DCDCDC !important;
    color: #000000;
}
/*//鼠标滑过时高亮行*/
.el-table__body tr:hover>td{
//background: rgb(77, 195, 255, 0.2);
    background-color: #d7dcdc !important;
//background: none;
}

.el-table__header-wrapper>table {
    border-collapse: collapse;
    /* margin: 1rem 0; */
    margin: 0px;
    display: block;
    overflow-x: auto;
}

.el-table__body-wrapper>table {
    border-collapse: collapse;
    /* margin: 1rem 0; */
    margin: 0px;
    display: block;
    overflow-x: auto;
}
</style>
